
<div class="wind-energy-container">
  <div fxFlexFill fxLayout="row" class="wind-enery-main">
    <div class="wind-energy-left" fxFlex="55%" fxLayout="column">
      <app-wind-energy-map  class="wind-energy-map" [farms]="limitedFarmDatas" (farmChange)="onfarmChange($event)"> </app-wind-energy-map>
      <div class="map-power" fxLayout="row">
        <section fxFlex="49%" class="wind-energy-flex">
          <header>
            {{currentlimitedFarm?.farmName}}短期预测功率
          </header>
          <app-ultrashort-forecasting-power #dq class="wind-energy-full" [min]="startTime" [max]="endTime" [seriesDatas]="currentlimitedFarm?.dqSeries"></app-ultrashort-forecasting-power>
        </section>
        <section fxFlex="49%" class="forecasting-right wind-energy-flex">
          <header>
              {{currentlimitedFarm?.farmName}}超短期预测功率
          </header>
          <app-ultrashort-forecasting-power #cdq class="wind-energy-full" [interval]="'short'" [min]="startTime" [max]="shortEndTime" [seriesDatas]="currentlimitedFarm?.cdqSeries"></app-ultrashort-forecasting-power>
        </section>

       </div> 

      </div>

      <div class="wind-energy-right" fxFlex="44%" fxLayout="column">
        <app-wind-direction [seriesData]="currentlimitedFarm?.windDirectionData" [windEnergySeriesData]="currentlimitedFarm?.windEnergySeriesData" fxFlex="31%"  [titleText]="this.currentlimitedFarm?.farmName + titleText" ></app-wind-direction>
        <app-wind-speed-distribution [seriesData]="currentlimitedFarm?.speedDistribution" [titleText]="this.currentlimitedFarm?.farmName + titleText"   class="m-t-wind bg" fxFlex="27%"></app-wind-speed-distribution>
        <app-wind-direction-change [currentFarm]="currentlimitedFarm?.directionChange" [startTime]="cdcStartTime" [endTime]="cdcendTime" [titleText]="this.currentlimitedFarm?.farmName" class="wind-direction-change m-t-wind" fxFlex="40%"></app-wind-direction-change>
      </div>
    </div>

  </div>